import { reqAddDzp } from "../../api/dz";
import { env } from "../../utils/env";

Page({
  // 页面的初始数据
  data: {
    s_code:'',
    remark:'',
    z_img: [], // 存储上传的图片
  },

   // 页面加载时读取剪切板内容
   onShow() {
    this.readClipboard();
  },

  // 读取剪切板内容
  readClipboard() {
    wx.getClipboardData({
      success: (res) => {
        const clipboardData = res.data; // 获取剪切板内容
        this.setData({
          s_code: clipboardData, // 将剪切板内容赋值给 s_code
        });
        wx.showToast({
          title: '粘贴成功',
          icon: 'success',
        });
      },
      fail: (err) => {
        console.error('读取剪切板失败', err);
        wx.showToast({
          title: '粘贴失败',
          icon: 'none',
        });
      },
    });
  },


  // 图片上传成功后的回调
  onAfterRead(event) {
    const { file } = event.detail;

    // 将图片上传到服务器
    this.uploadFile(file);
  },


  // 上传图片到服务器
  uploadFile(file) {
    const maxSize = 2 * 1024 * 1024; // 限制文件大小为 2MB
    // 检查文件大小
    if (file.size > maxSize) {
      wx.showToast({
        title: '文件大小不能超过 2MB',
        icon: 'none',
      });
      return; // 拒绝上传
    }
    // 显示 loading
    wx.showLoading({
      title: '上传中...',
      mask: true, // 显示透明蒙层，防止触摸穿透
    });

    wx.uploadFile({
      url: `${env.baseURL}/up_imgs`, // 替换为你的服务器地址
      filePath: file.url,
      method: 'POST', // 确保使用 POST 方法
      name: 's_img',
      success: (res) => {
        wx.hideLoading(); // 隐藏 loading
        const data = JSON.parse(res.data);
        if (data.code === 200) {
          // 上传成功，更新 z_img
          const { z_img } = this.data;
          z_img.push({ url: `${env.imgBaseURL}/${data.data}` });
          this.setData({ z_img });
        } else {
          wx.showToast({
            title: '上传失败',
            icon: 'none',
          });
        }
      },
      fail: (err) => {
        wx.hideLoading(); // 隐藏 loading
        console.error('上传失败', err);
        wx.showToast({
          title: '上传失败',
          icon: 'none',
        });
      },
    });
  },

  // 删除图片的回调
  onDelete(event) {
    const { index } = event.detail;
    const { z_img } = this.data;

    // 删除指定图片
    z_img.splice(index, 1);
    this.setData({ z_img });
  },


  // 保存收货地址
  async saveAddrssForm(event) {

    console.log('this.data',this.data);


    let new_z_img = '';
    if(this.data.z_img?.[0]?.url){
      new_z_img = this.data.z_img?.[0]?.url.replace( `${env.imgBaseURL}/`, "");
    }
    const res =  await reqAddDzp( {s_code: this.data.s_code,z_img: new_z_img,remark: this.data.remark} )

    
  },

  // 省市区选择
  onAddressChange(event) {}
})
